@charset "utf-8";
.lf {
  float: left;
}
.rt {
  float: right;
}
.scl {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  position: relative;
  z-index: 2;
}
.scl .img-responsive {
  opacity: 1!important;
}
.center {
  margin: 0 auto;
}
.clear {
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #7e7e7e;
  font-size: 0.875em;
}
input:-moz-placeholder,
textarea::-moz-input-placeholder {
  color: #7e7e7e;
  font-size: 0.875em;
}
.responsive {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#cptx .cptx .zlm-title {
  margin-bottom: 30px;
}
#cptx .cptx .zlm-title .top {
  width: 100%;
  min-width: auto;
}
#cptx .cptx .tx-nr {
  /*width: 76.19047619047619%;
  min-width: 1280px;*/
  margin: auto;
  position: relative;
}
#cptx .cptx .tx-nr .box {
  position: relative;
  /*margin-bottom: 50px;*/
}
#cptx .cptx .tx-nr .box > .lf {
  width: 245px;
}
#cptx .cptx .tx-nr .box > .lf .top {
  position: relative;
  z-index: 2;
  border-bottom: 5px solid #fff;
}
#cptx .cptx .tx-nr .box > .lf .top .p1 {
  padding: 12px 15px;
  border-bottom: 1px solid #d5dce0;
  background:url(../images/dymatic.png) no-repeat 78px 25px;
  background-size:90px;
}
#cptx .cptx .tx-nr .box > .lf .top .p1 span {
  font-size: 24px;
  font-family: 'en';
  color: #fefefe;
  display: inline-block;
  vertical-align: middle;
  margin-left: 40px;
}
#cptx .cptx .tx-nr .box > .lf .top .p2 {
  font-size: 28px;
  font-weight: bold;
  line-height: 34px;
  color: #fefefe;
  padding: 30px;
}
#cptx .cptx .tx-nr .box > .lf .btm {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 245px;
}
#cptx .cptx .tx-nr .box > .lf .btm img {
  position: absolute;
  bottom: 0;
}
#cptx .cptx .tx-nr .box > .rt {
  float: none;
  margin-left: 270px;
  border: 4px solid #829daa;
  padding: 35px 3% 30px;
  background:#FFF;
}
#cptx .cptx .tx-nr .box > .rt .title {
  padding-left: 15px;
  border-left: 1px solid #454545;
  margin-bottom: 20px;
}
#cptx .cptx .tx-nr .box > .rt .title .lf .en {
  font-size: 23px;
  font-weight: bold;
  color: #454545;
  font-family: Arial;
}
#cptx .cptx .tx-nr .box > .rt .title .lf .cn {
  font-size: 17px;
  color: #454545;
}
#cptx .cptx .tx-nr .box > .rt .title .rt a {
  width: 122px;
  height: 37px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  border: 1px solid #cfcfcf;
  font-size: 12px;
  font-weight: bold;
  color: #151515;
  background: url("../images/arr-rt-b.png") no-repeat top 13px right 20px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#cptx .cptx .tx-nr .box > .rt .title .rt a:hover {
  color: #fff;
  background: #000 url("../images/arr-rt-w.png") no-repeat top 13px right 20px;
}
#cptx .cptx .tx-nr .box > .rt .lbzs {
  padding-bottom: 50px;
  border-bottom: 1px dotted #b7b7b7;
  margin-bottom: 50px;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .title .lf {
  float: none;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp > a {
  display: block;
  float: left;
  background: #f2f6f7;
  width: 32.6%;
  margin-right: 1.1%;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px 0 20px;
  position: relative;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp > a:nth-child(3n){
	margin-right:0;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp > a div.cp-img {
  width: 65%;
  margin: auto;
  position: relative;
  z-index: 2;
  padding: 20px 0;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp > a div.cp-img > img {
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp > a div.cir {
  position: absolute;
  top: 4%;
  left: 0;
  width: 100%;
  text-align: center;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp > a div.cir img {
  width: 55%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp > a div.cp-js .name {
  font-size: 16px;
  font-weight: bold;
  color: #646464;
  margin-bottom: 5px;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp > a div.cp-js .name span {
  vertical-align: middle;
  margin-right: 8px;
  color: #585858;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp > a div.cp-js .name img {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp > a div.cp-js .js {
  font-size: 12px;
  color: #a8a8a8;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp a:hover .cp-img img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp a:hover .cir img {
  opacity: 1;
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp a:hover .cp-js .name img {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
#cptx .cptx .tx-nr .box > .rt .lbzs .cp a:hover .cp-js .name {
  color: #646464;
}
#cptx .cptx .tx-nr .box > .rt .yyal .al {
  font-size: 0;
}
#cptx .cptx .tx-nr .box > .rt .yyal .al > a {
  display: inline-block;
  width: 30%;
  margin-right: 5%;
}
#cptx .cptx .tx-nr .box > .rt .yyal .al > a:nth-child(3n){
	margin-right:0;
}
#cptx .cptx .tx-nr .box > .rt .yyal .al > a > div {
  overflow: hidden;
}
#cptx .cptx .tx-nr .box > .rt .yyal .al > a > div > img {
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#cptx .cptx .tx-nr .box > .rt .yyal .al > a p {
  margin-top: 10px;
  margin-bottom:10px;
}
#cptx .cptx .tx-nr .box > .rt .yyal .al > a p span {
  font-size: 13px;
  color: #6f6f6f;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
#cptx .cptx .tx-nr .box > .rt .yyal .al > a p img {
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  left: 0;
}
#cptx .cptx .tx-nr .box > .rt .yyal .al a:hover div img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#cptx .cptx .tx-nr .box > .rt .yyal .al a:hover p img {
  left: 10px;
}
#cptx .cptx .tx-nr .box > .rt .yyal .al a:last-child {
  margin-right: 0;
}
#cptx .cptx .tx-nr .box1 > .lf {
  background: #bec9cf;
}
#cptx .cptx .tx-nr .box1 > .lf .btm {
  background: #bec9cf url('../images/bg1.png') no-repeat top 250px left 0;
}
#cptx .cptx .tx-nr .box2 > .lf {
  background: #c5c3b8;
}
#cptx .cptx .tx-nr .box2 > .lf .btm {
  background: #c5c3b8 url('../images/bg2.png') no-repeat top 250px left 0;
}
#cptx .cptx .tx-nr .box3 > .lf {
  background: #c0c3cd;
}
#cptx .cptx .tx-nr .box3 > .lf .btm {
  background: #c0c3cd url('../images/bg3.png') no-repeat top 250px left 0;
}
#cptx .cptx .tx-nr .box4 > .lf {
  background: #c5c0bb;
}
#cptx .cptx .tx-nr .box4 > .lf .btm {
  background: #c5c0bb url('../images/bg5.png') no-repeat top 250px left 0;
}
#cptx .cptx .tx-nr .box5 {
  margin-bottom: 85px;
}
#cptx .cptx .tx-nr .box5 > .lf {
  background: #b8c5be;
}
#cptx .cptx .tx-nr .box5 > .lf .btm {
  background: #b8c5be url('../images/bg4.png') no-repeat top 250px left 0;
}
#cptx .cptx .tx-nr .box6 > .lf {
  background: #c4b7b9;
}
#cptx .cptx .tx-nr .box6 > .lf .btm {
  background: #c4b7b9 url('../images/bg6s.png') no-repeat top 250px left 0;
}
#cptx .cptx .tx-nr #floor {
  position: fixed;
  top: 30%;
  right: 60px;
  z-index: 3;
}
#cptx .cptx .tx-nr #floor .lc1 {
  background-image: url("../images/cpsj/cptx/f1.png");
}
#cptx .cptx .tx-nr #floor .lc2 {
  background-image: url("../images/cpsj/cptx/f2.png");
}
#cptx .cptx .tx-nr #floor .lc3 {
  background-image: url("../images/cpsj/cptx/f3.png");
}
#cptx .cptx .tx-nr #floor .lc4 {
  background-image: url("../images/cpsj/cptx/f4.png");
}
#cptx .cptx .tx-nr #floor .lc5 {
  background-image: url("../images/cpsj/cptx/f5.png");
}
#cptx .cptx .tx-nr #floor .lc6 {
  background-image: url("../images/cpsj/cptx/f6.png");
}
#cptx .cptx .tx-nr #floor .active.lc {
  background-color: #3f4346;
}
#cptx .cptx .tx-nr #floor .active.lc1 {
  background-image: url("../images/cpsj/cptx/f11.png");
}
#cptx .cptx .tx-nr #floor .active.lc2 {
  background-image: url("../images/cpsj/cptx/f22.png");
}
#cptx .cptx .tx-nr #floor .active.lc3 {
  background-image: url("../images/cpsj/cptx/f33.png");
}
#cptx .cptx .tx-nr #floor .active.lc4 {
  background-image: url("../images/cpsj/cptx/f44.png");
}
#cptx .cptx .tx-nr #floor .active.lc5 {
  background-image: url("../images/cpsj/cptx/f55.png");
}
#cptx .cptx .tx-nr #floor .active.lc6 {
  background-image: url("../images/cpsj/cptx/f66.png");
}
#cptx .cptx .tx-nr #floor .lc {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 30px;
  position: relative;
}
#cptx .cptx .tx-nr #floor .lc span {
  display: inline-block;
  position: absolute;
  height: 30px;
  border-right: 1px solid #cdcdcd;
  bottom: -30px;
  left: 50%;
}